$(function() {
	$("#jqGrid").jqGrid({
		url : '../scene/list',
		datatype : "json",
		colModel : [ {
			label : '平台编号',
			name : 'sceneId',
			width : 50,
			hidden : true,
			key : true
		}, {
			label : '平台名称',
			name : 'sceneName',
			width : 80
		}, {
			label : '平台标识名称',
			name : 'sceneCode',
			width : 80
		}, {
			label : '标志位',
			name : 'channelId',
			width : 80
		}/*, {
			label : '详情',
			name : '',
			width : 80,
			align:"center",
			formatter : function(value, options, row) {
				return "<a class='btn btn-primary' href=''>详细属性</a>"
			}
		} */],
		viewrecords : true,
		height : 385,
		rowNum : 10,
		rowList : [ 10, 30, 50 ],
		rownumbers : true,
		rownumWidth : 25,
		autowidth : true,
		multiselect : true,
		pager : "#jqGridPager",
		jsonReader : {
			root : "page.list",
			page : "page.currPage",
			total : "page.totalPage",
			records : "page.totalCount"
		},
		prmNames : {
			page : "page",
			rows : "limit",
			order : "order"
		},
		gridComplete : function() {
			// 隐藏grid底部滚动条
			$("#jqGrid").closest(".ui-jqgrid-bdiv").css({
				"overflow-x" : "hidden"
			});
		}
	});

	/*
	 * jQuery("#jqGrid").jqGrid('navGrid', '#jqGridPager', { edit : true, add :
	 * true, del : true, refreshtitle : "刷新", edittitle : "修改", addtitle : "添加",
	 * deltitle : "删除", searchtitle : "搜索" }, {}, {}, {}, { multipleSearch :
	 * true, multipleGroup : true });
	 */
});

//页面验证
var scene;
$(function() {
	scene = $("#scene").Validform({
		tiptype : 3,
		//showAllError:true,
		datatype : {
			//匹配是否合法(字母开头，允许5-16字节，允许字母数字下划线)
			"sceneCode" : /^[a-zA-Z][a-zA-Z0-9_]{2,15}$/,
		},

	});
	scene.addRule([ {
		ele : ".form-control:eq(0)",
		datatype : "s2-16",
		nullmsg : "请输入平台名称",
		errormsg : "平台名称至少2个字符,最多16个字符！"
	}, {
		ele : ".form-control:eq(1)",
		datatype : "sceneCode",
		nullmsg : "请输入平台标识名称",
		errormsg : "请输入正确格式(字母数字下划线2－15位)"
	}, {
		ele : ".form-control:eq(2)",
		datatype : "n1-2",
		nullmsg : "请输入标志位",
		errormsg : "请输入2位数字"
	}, {
		ele : ".form-control:eq(3)",
		datatype : "n1-1",
		nullmsg : "请输入标志位",
		errormsg : "请输入1位数字"
	} ,
	
	{
		ele : "",
		datatype : "*",
		nullmsg : "请选择场景！",
		errormsg : "请选择场景！"
			
	} 
	]);
});


$(function () {
	var show_count = 20;   //要显示的条数
	var count = 1;    //递增的开始值，这里是你的ID
	$("#btn_addtr").click(function () {

		var length = $("#dynamicTable tbody tr").length;
		//alert(length);
		if (length < show_count)    //点击时候，如果当前的数字小于递增结束的条件
		{
			$("#tab11 tbody tr").clone().appendTo("#dynamicTable tbody");   //在表格后面添加一行
			changeIndex();//更新行号
		}
	});


});
function changeIndex() {
	var i = 1;
	$("#dynamicTable tbody tr").each(function () { //循环tab tbody下的tr
		$(this).find("input[name='NO']").val(i++);//更新行号
	});
}

function deltr(opp) {
	var length = $("#dynamicTable tbody tr").length;
	//alert(length);
	if (length <= 1) {
		alert("至少保留一行");
	} else {
		$(opp).parent().parent().remove();//移除当前行
		changeIndex();
	}
}


var vm = new Vue({
	el : '#rrapp',
	data : {
		showList : true,
		title : null,
		serviceList : {},
		scene : {},

	},
	methods : {
		query : function() {
			vm.reload();
		},
		add : function() {
			vm.showList = false;
			vm.title = "新增";
			vm.serviceList = {};
			vm.scene = {};
			// 获取服务信息
			this.getServiceList();
		},
		update : function(event) {
			var sceneId = getSelectedRow();
			if (sceneId == null) {
				return;
			}
			vm.showList = false;
			vm.title = "修改";

			vm.getInfo(sceneId);
			// 获取服务信息
			this.getServiceList();
		},
		saveOrUpdate : function(event) {
			//表单提交前验证
			var bool = scene.check();
			if (!bool) {
				return false;
			}

			var url = vm.scene.sceneId == null ? "../scene/save"
					: "../scene/update";
			$.ajax({
				type : "POST",
				url : url,
				data : JSON.stringify(vm.scene),
				success : function(r) {
					if (r.code === 0) {
						alert('操作成功', function(index) {
							vm.reload();
						});
					} else {
						alert(r.msg);
					}
				}
			});
		},
		del : function(event) {
			var sceneIds = getSelectedRows();
			if (sceneIds == null) {
				return;
			}

			confirm('确定要删除选中的记录？', function() {
				$.ajax({
					type : "POST",
					url : "../scene/delete",
					data : JSON.stringify(sceneIds),
					success : function(r) {
						if (r.code == 0) {
							alert('操作成功', function(index) {
								$("#jqGrid").trigger("reloadGrid");
							});
						} else {
							alert(r.msg);
						}
					}
				});
			});
		},
		getInfo : function(sceneId) {
			$.get("../scene/info/" + sceneId, function(r) {
				vm.scene = r.scene;
			});
		},
		getServiceList : function() {

			$.get("../service/select", function(r) {
				vm.serviceList = r.list;
			});
		},
		reload : function(event) {
			vm.showList = true;
			var page = $("#jqGrid").jqGrid('getGridParam', 'page');
			$("#jqGrid").jqGrid('setGridParam', {
				page : page
			}).trigger("reloadGrid");
		}
	}
});